/*
Theme Name: Dart Theme
Theme URI: https://www.andersostman.com/
Author: Anders Östman
Author URI: https://www.andersostman.com
Description: A basic theme using the Bootstrap framework.
Version: 1.2
Text Domain: dart
*/
/*
@font-face {
	font-family: FontName;
	src: url(public_html/your-site/wp-content/themes/your-theme/fonts/FontName-Regular.ttf);
	font-weight: normal;
}
*/

/* @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); */

 @import url(https://fonts.googleapis.com/css?family=PT+Sans:100,400,800);
 @import url('https://fonts.googleapis.com/css?family=Oswald:300,400&display=swap');
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:600);*/
/*
@font-face {
   font-family: 'Open Sans Light';
   font-style: normal;
   font-weight: 400;
   src:url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
*/


p.ingress{
  font-family: 'Open Sans';
  font-size: 23px;
  line-height: 29px;
  letter-spacing: -0.002em;
  margin-bottom: 20px;
  color:#333;
}

.update-dialog{
  background-image: linear-gradient(to bottom, #f1f4bd, #d5f1c7, #c1ecd3, #b7e4db, #b7dadd);
  opacity:0.95;
  max-width:80%;min-height:350px;display:inline-table;margin:0 auto;border-radius:10px;padding:40px;
}

.info-dialog{
  background-image: linear-gradient(to bottom, #444, #111);
  opacity:0.95;
  display:inline-block;
  width:600px;
  max-width:90%;min-height:450px;margin:0 auto;border-radius:10px;padding:40px;
}


div#rev_slider_1_1_forcefullwidth, div#rev_slider_1_1_wrapper, .fullwidthbanner-container .fullwidthabanner {
    height: 370px !important;
    overflow: hidden;
}





.sm-gap-right{
    padding:0px 5px 0px 0px !important;
}

.sm-gap-left{
    padding:0px 0px 0px 5px !important;
}

.sm-gap-both{
    padding:0px 5px !important;
}

.ribbon-wrapper-orange {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  z-index:1000;
  top: -3px;
  right: -3px;
}

.logo-mobile{
  display:none;
}

.ribbon-orange {
  font: bold 15px Sans-Serif;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #c55042;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#de7e1a), to(#fc4c01));
  background-image: -webkit-linear-gradient(top, #de7e1a, #fc4c01);
  background-image:    -moz-linear-gradient(top, #de7e1a, #fc4c01);
  background-image:     -ms-linear-gradient(top, #de7e1a, #fc4c01);
  background-image:      -o-linear-gradient(top, #de7e1a, #fc4c01);
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-orange:before, .ribbon-orange:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-orange:before {
  left: 0;
}
.ribbon-orange:after {
  right: 0;
}​

.pointer{
    cursor:pointer;
}



#menu-item-1160 a{
    color:#ca2d2d !important;
}

/* ultimate member overrides */
.um-cover{
    max-height:200px !important;
    overflow-y: hidden;
}

.um-profile-photo{
    /* margin-top:-80px; */

}

.um-dropdown{
    margin-top:-80px;
}

.um-faicon-picture-o{
    margin-top:-80px;
}

.um-header{
    border-bottom: 0px !important;
}



.um-meta-text{
    display:none;
}

.um-name a{
    color:#fff !important;
    font-size:50px !important;
    text-shadow: 0px 3px 0px rgba(0,0,0,0.5),
                 0px 14px 10px rgba(0,0,0,0.15),
                 -2px -2px 10px rgba(0,0,0,0.6),
                 0px 34px 30px rgba(0,0,0,0.1);
}

/* ultimate member overrides */

.menu-container-mobile{
    display:none;
    width:100%;
}
.navbar-collapse-mobile{
  display:none;
}

.menuitem{
    font-family: 'PT Sans';
    font-size:15px !important;
    font-weight:100 !important;
}

ul {
    list-style-type: none;
}

.sub-menu li{
    padding:10px 0px;
}

.logo-screen{
  margin-top:2px;
}

.submenuitem{
    float:left;
    font-family: 'PT Sans';
    font-size:13px;
    font-weight:100 !important;
    margin:0px 10px;
}
.submenuitem a{
    color:#fff;
}
.submenuitem a:hover{
    color:#fff; /*de7e1a;*/
    text-decoration: none;
}

.topicon{
    width:60px;
    text-align:center;
    align:center;
}

/*
* {font-family:"Open Sans"}
*/

.infotext{
    font-family:'PT Sans';
}


.sponsorlink{
    font-size:20px;
}

.sponsorlink:hover{
    text-decoration: underline;
}


.profile-circle{
    position:absolute;
    top:10px;
    left:0px;
    border-radius:50%;
    width:50px;
    height:50px;
    background:#2e404b;
    padding:10px 10px 0px 10px;
    border:5px #ccc solid;
    text-align:center;
    background-size: cover;
}

.profile-circle:hover{
    border-color: #e27a19;
}

.app-hide-before-start{
    display:none;
}

.app-stats-row{
    background-color:rgba(42,132,167,0.7);  /* #2a84a7;    fe7433; */
    margin:6px 0px;
    border-radius:20px;
    box-shadow: 0px 0px 15px  rgba(0,0,0,0.6);
}

.app-stats-header{
    font-size:1.4em;
    color:#fff;
}

.app-stats-highlight{
    margin:-10px;
    padding:10px 10px 10px 0px;
    background-color:#1f6c8a;
    color:#fe7433;
}

.app-stats-text{
    font-size:1.8em;
    color:#fff;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.app-stats-small{
    font-size:1.3em;
    color:#fff;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}


.board-loader{
    position:absolute;
    z-index:-1;
    margin-left:30%;
    margin-top:50px;
    width:200px;
    height:200px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

.navbar-toggle{
    padding:0px;
}

.navbar-collapse{
    padding-right:0px;
    padding-left:0px;
}

#nav_mobile_btn{
    visibility: hidden;
}

.navbar-nav>li>a {
    padding-top: 7px;
    padding-bottom: 7px;
}

.navbar-sub>li>a {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size:13px;
}

h1{
    font-size:2em;
    font-weight:100;
}

h2{
    font-size:1.6em;
    font-weight:100;
}

h3{
    font-size:1.4em;
    font-weight:100;
}

.mediumtext{
    font-size:1.3em;
}

/*
.app-title{
    margin-left:15px;
    font-size:30px;
    color:#fff;
}
*/

.tiny-text{
    font-size:1em;
    color:#557381;
}

.section-title{
    font-size:2em;
    font-weight:100;
}

.section-title-xl{
    font-size:3.5em;
    font-weight:100;
}

.pagelink{
    font-size:1.5em;
    font-weight:100;
    color:#666;
}

.pagelink:hover{
    color:#e27a19;
}

.textlink{
    color:#666;
    cursor:pointer;
}

.textlink:hover{
    color:#e27a19;
}



.boxborder{
    border:1px solid #999;
}



.background-photo h1{
    color:#fff;
    font-size:40px;
}

.background-photo h2{
    color:#fff;
    font-size:30px;
}

.background-photo-2 h1{
    color:#fff;
    font-size:40px;
}

.background-photo-2 h2{
    color:#fff;
    font-size:30px;
}



.stats-box-margin{
    margin:0px 20px 0px 0px;
}

.stat-item-container{           /* Used in app under to show progress for each number */
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border:1px solid rgba(255,255,255,0.8);
    height:100px;
}

.stat-item-container.current{
    border:1px solid #ef6818;
    background-color:none;
}

.stat-item{
    background-color:#65b499;
    height:0px;
    width:14px;
    margin:1px;
}

.stat-item-number{
    color:#fff;
    font-size:13px;
}

.carousel-control.left{
    background-image:none;
}

.carousel-control.right{
    background-image:none;
}


.score_circle{
    position:absolute;
    right:0px;
    top:-50px;
    border-radius:50%;
    width:170px;
    height:170px;
    /* background:#2e404b; */
    /* background:#f78016; */
    padding:18px 0px 0px 0px;
    text-align:center;
}

.score_circle_number{
    width:100%;
    font-size: 80px;
    font-weight:800;
    color:#fff;
    margin-left:0px;
}

.score_circle_number2{
    font-size:50px;
    font-weight:800;
    color:#fff;
    padding-bottom:10px;
    margin-left:-5px;
    margin-top:20px;
}

/* Generic game classes */
.app-content{               /* Container för apparna - sätts till visible när startval gjorts */
    display:none;
}

.app-setup{                 /* Container för att sätta upp ett spel (välja nummer, antal, inställningar etc) */
     /*
     min-height:400px;
     margin-top:40px;
     */
}

.container-stats-summary{
    background-color:#666;
    color:#fff;
    margin-top:10px;
    padding:20px;
}

.container-stats-summary .title{
    padding-left:15px;
    font-size:20px;
}

.panel-title{
    color:#333;
    font-family:'PT Sans';
    font-weight:400;
    font-size:20px;
}

.form_feedback{
    background-color:#3bb491;
    color:#fff;
    padding:15px;
    font-size:19px;
    text-align:center;
}

.color_1{           /* Orange */
    background-color:#e27a19 !important;
    color:#fff !important;
}

.color_1 a{
    color:#fff !important;
}

.orange-light-row{
    background-color:#e58830;       /* Light orange to make stripes in tables */
}

.grey-light-row{
    background-color:#f5f5f5;       /* Light orange to make stripes in tables */
}

.grey-dark-row{
    background-color:#d5d5d5;
}

.stat-row{
    padding:5px 0px;
}

.stat-header-row{
    font-size:1.3em;
    margin-top:5px;
    padding:10px 0px;
}

.tab-box{
    border-top:0px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius: 2px;
    padding:20px;
}


.row-tight{
    margin:0px -10px;               /* Remove margin on rows */
    color:#fff;
    font-family:'PT Sans';
    font-weight:100;
}


.color_2{           /* Red */
    background-color:#e1263b !important;
    color:#fff !important;
}
.color_2 a{
    color:#fff !important;
}

.color_3{           /* Green */
    background-color:#2b6c54 !important;
    color:#fff !important;
}

.color_3 a{
    color:#fff !important;
}

.color_4{           /* Grey */
    background-color:#666 !important;
    color:#fff !important;
}

.btn-success {
    background-color:#2b6c54 !important;
    border:0px !important;
}

.btn-danger {
    background-color:#7b5357 !important;
    border:0px !important;
}

.row-highlight{
    background-color:#557481 !important;
}

.orange-text{
    color:#de7e1a !important;
}

.white-text{
    color:#fff !important;
}

.white-text:hover{
    color:#fff !important;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.header{
  padding:4px 0px 0px 0px;
}
@media (max-width: 1040px) {
  .header{
    padding:4px 0px 5px 0px;
  }
}

.menuitem a{
    color:#eee;
}

.menuitem a:hover{
    color:#fff; /* de7e1a; */
    background-color: transparent !important;
}

.menuitem a:focus{
    color:#fff; /* #de7e1a; */
    background-color: transparent !important;
}


.menuitem-sub a{
    color:#fff;
}

.menuitem-sub a:hover{
    color:#fff; /* #de7e1a; */
    background-color: transparent !important;
}

.menuitem-sub a:focus{
    color:#fff; /* #de7e1a; */
    background-color: transparent !important;
}

.container-full {
  margin: 0 auto;
  width: 100%;
}

.background-photo {
    width: 100%;
    height:370px;
    min-height:300px;
    max-height: 370px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top:40px;
}

.background-photo-2 {
    width: 100%;
    height:250px;
    min-height:250px;
    max-height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top:40px;
}


.box-photo {
    width: 100%;
    height:auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color:#fff;
    font-weight:100;
}

.app-box-heading{
    font-weight:100;
    font-size:30px;
    color:#de7e1a;
}

.app-box-text{
    font-family:'PT Sans';
    font-weight:400;
    font-size:21px;
    color:#fff;
}

.listlink{
    color:#fff;
    text-decoration:none;
}

.listlink:hover{
    color:#fff;
    text-decoration:underline;
}


.usermenu-item{
    background-color:#fff;
    padding:10px;
    cursor:pointer;
}
.usermenu-item:hover{
    background-color:#eee;
}

.title-shadow{
    text-shadow: 0px 3px 0px rgba(0,0,0,0.2),
                 0px 14px 10px rgba(0,0,0,0.15),
                 -2px -2px 10px rgba(0,0,0,0.6),
                 0px 34px 30px rgba(0,0,0,0.1);
}

.shadow{
    box-shadow: 0px 0px 5px  rgba(0,0,0,0.8);
}

.shadow-l{
    box-shadow: 0px 0px 10px  rgba(0,0,0,0.1);
}

.shadow-xl{
    box-shadow: 0px 0px 20px  rgba(0,0,0,0.6);
}

.background-photo .ghost-button{
    margin-top:30px;
    border: 1px solid #fff;
    background-color:rgba(255,255,255,0.5);
    font-size:1.5em;
    padding:15px 30px;
    max-width:250px;
    color:#fff;
}

.background-photo .ghost-button:hover{
    border: 1px solid #fff;
    background-color:rgba(0,0,0,0.5);
    /* font-size:1.5em;*/
    color:#fff;
}

.background-photo .ghost-button-dark{
    margin-top:30px;
    border: 1px solid #fff;
    background-color:rgba(0,0,0,0.5);
    font-size:1.5em;
    padding:15px 30px;
    max-width:250px;
    color:#fff;
}

.background-photo .ghost-button-dark:hover{
    border: 1px solid #fff;
    background-color:rgba(0,0,0,0.5);
    /* font-size:1.5em;*/
    color:#fff;
}

.stats-box{
    border-radius:3px;
    font-size: 13px;
    color:#fff;
    background-color:#e27a19;
    padding:10px;
    font-weight:100;
}

.current-menu-item{
    background-color:#171615;
    /*padding-bottom:5px !important;*/
    padding-top:0px;
}


.current-menu-item a{
    color:#fff; /* de7e1a !important; */
}

.current-menu-ancestor a {
    background-color:#171615;
    color:#fff; /* #de7e1a; */
    /* padding-bottom:5px !important; */
    /* padding-top:0px; */
}

.topmenu .menu-item{
  padding-bottom:3px;
  padding-top:4px;
}

.startbox_3 {
    font-size: 15px;
    background-color:#262722;
    font-weight:100;
    min-height:280px;
    padding:0px 20px 20px 20px;
    margin: 0 auto;
    margin-bottom:20px;
    max-width:400px;
    color:#fff;
    border-radius:10px;
    display:inline-block;
}

.startbox_3 .title{
    font-size:21px;
    padding:20px 0px 0px 0px;
}

.number-box{
    height:120px;
    color:#fff;
}

.row.wide-gutter [class*='col-']:not(:first-child):not(:last-child) {
  margin-right:10px;
  margin-left:10px;
}

.screen-gutter-right{
  padding-right:25px;
}

.btn-small-title{
    color:#fff;
    padding:2px 5px;
    font-size:19px;
    font-weight:400 !important;
}

.btn-medium-title{
    color:#fff;
    padding:2px 5px;
    font-size:25px;
    font-weight:400 !important;
}

.btn-xs{
    border:0px;
    font-size:11px;
    font-weight:100;
    padding:5px 10px;
}


.border-between{
    border-right:3px solid rgba(255,255,255,0.1);
}

.border-under{
    border-bottom:0px solid rgba(255,255,255,0.1);
}


.ghost-button{
    margin-top:10px;
    border: 1px solid #fff;
    background-color:rgba(255,255,255,0.1);
    font-size:1em;
    padding:10px 15px;
    color:#fff;
}

.ghost-button:hover{
    background-color:rgba(255,255,255,0.5);
    color:#fff;
}

/*** custom checkboxes ***/

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

label {
    font-size: 15px;
    font-family:'PT Sans';
}


.section-spacing{
    margin-top:30px;
}



body,html{
    padding:0px;
    margin:0px;
}

body{
    font-family:'PT Sans', sans-serif;
}

.score-style{
    font-family:'PT Sans';
    font-weight:800;
    font-size:30px;
    color:#fff;
    padding:10px 0px;
}

/*
.btn-register{
    font-size:20px;
    font-weight:800;
    margin:0px 0px;

    color:#fff;
    border:1px solid #2a2c2f; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
     background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
     background-image: -webkit-linear-gradient(top, #45484d, #000000);
     background-image: -moz-linear-gradient(top, #45484d, #000000);
     background-image: -ms-linear-gradient(top, #45484d, #000000);
     background-image: -o-linear-gradient(top, #45484d, #000000);
     background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
    cursor:pointer;
}

.btn-register:hover{
     border:1px solid #151617;
     color:#ddd;
     background-color: #2d2f32; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2f32), to(#1a1a1a));
     background-image: -webkit-linear-gradient(top, #2d2f32, #1a1a1a);
     background-image: -moz-linear-gradient(top, #2d2f32, #1a1a1a);
     background-image: -ms-linear-gradient(top, #2d2f32, #1a1a1a);
     background-image: -o-linear-gradient(top, #2d2f32, #1a1a1a);
     background-image: linear-gradient(to bottom, #2d2f32, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d2f32, endColorstr=#1a1a1a);
}
*/


.btn-signup{
    font-size:20px;
    font-weight:800;
    margin:0px 0px;
    padding:15px 30px;
    /* border:1px solid #000; */

    color:#fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-decoration:none;
    display:inline-block;
     background-color: #1db954;
     /*
     background-image: -webkit-gradient(linear, left top, left bottom, from(#de7e1a), to(#fc4c01));
     background-image: -webkit-linear-gradient(top, #de7e1a, #fc4c01);
     background-image: -moz-linear-gradient(top, #de7e1a, #fc4c01);
     background-image: -ms-linear-gradient(top, #de7e1a, #fc4c01);
     background-image: -o-linear-gradient(top, #de7e1a, #fc4c01);
     background-image: linear-gradient(to bottom, #de7e1a, #fc4c01);
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#de7e1a, endColorstr=#fc4c01);
     */
    cursor:pointer;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -moz-box-shadow:    0px 0px 20px rgba(0,0,0,0.5);
    box-shadow:         0px 0px 20px rgba(0,0,0,0.5);
}

.btn-signup:hover{
     color:#eee;
     background-color: #00d968;
     /*
     background-image: -webkit-gradient(linear, left top, left bottom, from(#fc4c01), to(#de7e1a));
     background-image: -webkit-linear-gradient(top, #fc4c01, #de7e1a);
     background-image: -moz-linear-gradient(top, #fc4c01, #de7e1a);
     background-image: -ms-linear-gradient(top, #fc4c01, #de7e1a);
     background-image: -o-linear-gradient(top, #fc4c01, #de7e1a);
     background-image: linear-gradient(to bottom, #fc4c01, #de7e1a);
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fc4c01, endColorstr=#de7e1a);
     */
}


/*
.btn-hit{
    border-radius:13px;
    border:1px solid #2a2c2f;
    width:100%;
    padding:25px 0px;
    color:#fff;
    font-size:2em;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

     background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
     background-image: -webkit-linear-gradient(top, #45484d, #000000);
     background-image: -moz-linear-gradient(top, #45484d, #000000);
     background-image: -ms-linear-gradient(top, #45484d, #000000);
     background-image: -o-linear-gradient(top, #45484d, #000000);
     background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
    cursor:pointer;
}

.btn-hit:focus {
  outline: none;
}
*/
/*
.btn-hit-OLD{
    min-height:90px;
    font-size:20px;
    font-weight:800;
    margin:0px 0px;
    width:100%;
    padding-top:30px;
    color:#fff;
    border:1px solid #2a2c2f; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif;

    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

     background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
     background-image: -webkit-linear-gradient(top, #45484d, #000000);
     background-image: -moz-linear-gradient(top, #45484d, #000000);
     background-image: -ms-linear-gradient(top, #45484d, #000000);
     background-image: -o-linear-gradient(top, #45484d, #000000);
     background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
    cursor:pointer;
}
*/


/*
.btn-hit:hover{
 border:1px solid #151617;
 background-color: #2d2f32; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2f32), to(#1a1a1a));
 background-image: -webkit-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -moz-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -ms-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -o-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: linear-gradient(to bottom, #2d2f32, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d2f32, endColorstr=#1a1a1a);
}
*/




.gradient-row{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.5+50,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}





.btn-margin{
    margin:20px;
}

.selected{
    background-color: #f7941d !important;
    background-image: none !important;
    color:#fff !important;
}

.selected_green{
    background-color: #2b6c56 !important;
    background-image: none !important;
    color:#fff !important;
}

.selected_red{
    background-color: #7c5357 !important;
    background-image: none !important;
    color:#fff !important;
}

/*
.btn-submit{
    border-radius:13px;
    width:300px;
    height:80px;
    font-size:30px !important;
    color:#fff;
    margin:10px 0px;
    padding-top:0px;
    background-color:#2b6c54;
}

.btn-submit:focus {
  outline: none;
}

.btn-submit:hover{
    color:#fff;
    background-color:#245e49;
}
*/

.btn-startnew{
    width:300px;
    height:80px;
    font-size:20px;
    font-weight:800;
    margin:10px 0px;
    padding-top:0px;
    border-radius:13px;
    background-color:#2b6c56;
    border:5px solid #2b6c56;
    color:#fff;
    font-size:2em;
    cursor:pointer;
}

.footer-txt{
    font-size:13px;
    font-weight:400;
    line-height:10px;
    padding:0px;
    margin:0px;
    font-size:15px;
}

.text-medium{
    font-size:15px;
    font-weight:400;
    line-height:10px;
    padding:0px;
    margin:0px;
}

.text-large{
    font-size:30px;
    font-weight:400;
    line-height:10px;
    padding:0px;
    margin:0px;
}

.number_xl{
    font-size:80px;
    font-weight:800;
    color:#fff;
    margin-top:-25px;
}


.number_sublabel{
    color:#fff;
    width:100%;
    text-align:right;
    margin-top:-22px;
}

.tightheight{
    line-height:10px;
    padding:0px;
    margin:0px;
}

.history{
    font-size:15px;
    overflow-x:wrap;
    word-wrap: normal;
    white-space: pre-line;
    margin-top:20px;
}

.nospace{
    padding:0px;
    margin:0px;
}

.tinyspace{
    padding:2px;
    margin:2px;
}

.tablefont{
    color:#333;
    font-family:'PT Sans';
    font-weight:100;
}

/* Game A1 - styles */

.a1-row{
    padding:10px 0px;
}

.a1-number{
    font-size:30px;
}

/*
.container-main-graphic{
    position:relative;
    border:1px solid #ddd;
    border-radius: 13px;
    padding:10px 20px 20px 20px;
    margin-top:10px;

    background: rgb(30,67,84);
    background: -moz-linear-gradient(top, rgba(30,67,84,1) 0%, rgba(43,77,93,1) 100%);
    background: -webkit-linear-gradient(top, rgba(30,67,84,1) 0%,rgba(43,77,93,1) 100%);
    background: linear-gradient(to bottom, rgba(30,67,84,1) 0%,rgba(43,77,93,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4354', endColorstr='#2b4d5d',GradientType=0 );
}
*/

.dialog-back{
    position:relative;
    border:1px solid #ddd;
    /* border-radius: 13px;
    padding:10px 20px 20px 20px;
    */
    background-image: url('/wp-content/themes/dart/images/dialog-back.jpg');
    background-repeat: repeat-x;
}

.container-main-graphic2{
    position:relative;
    border:1px solid #ddd;
    border-radius: 8px;
    padding:20px;

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 45%, rgba(247,247,247,1) 54%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 45%,rgba(247,247,247,1) 54%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 45%,rgba(247,247,247,1) 54%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

    /*
    background-image:url('/wp-content/themes/dart/images/a1-graphic.jpg');
    background-repeat: no-repeat;
    background-position:  right 100px top 100px;
    background-size:500px 500px;
    */
}


.container-buttons{
    display:none;
}



.score-box{
    border:1px solid #999;
    padding-left:10px;
    letter-spacing: 10px;
    max-width:400px;
    min-width:100px;
    height:40px;
    background:#fff;
    color:#000;
    font-size:25px;
}

.btn-new-hit{
    border-radius:13px;
    background-color:#2b6c56;
    border:5px solid #2b6c56;
    width:100%;
    padding:25px 0px;
    color:#fff;
    font-size:2em;
    cursor:pointer;
}

.btn-new-hit:focus {
  outline: none;
}

.btn-new-hit:hover{
    border:5px solid #4f8571;
    color:#fff;
}

.btn-new-miss{
    border-radius:13px;
    background-color:#7c5357;
    border:5px solid #7c5357;
    width:100%;
    padding:25px 0px;
    color:#fff;
    font-size:2em;
    cursor:pointer;
}

.btn-new-miss:focus {
  outline: none;
}

.btn-new-miss:hover{
    border:5px solid #98787c;
    color:#fff;
}




.btn-a1-hit{
    font-size:20px !important;
    padding:5px 25px !important;
}

.btn-a1-hit:focus {
  outline: none;
}


.btn-a1-miss{
    font-size:20px !important;
    padding:5px 18px !important;
}

.btn-a1-miss:focus {
  outline: none;
}

.btn-a2-hit{
    font-size:40px !important;
    padding:10px 35px !important;
}

.btn-a2-miss{
    font-size:40px !important;
    padding:10px 35px !important;
}

.btn-daw-hit{
    font-size:40px !important;
    padding:10px 35px !important;
    margin-top:10px;
}

.btn-daw-hit:focus {
  outline: none;
}


.btn-priestley{
    font-size:35px !important;
    padding:10px 35px !important;
    margin-top:10px;
}

.btn-priestley:focus {
  outline: none;
}

/*
.btn-daw-miss{
    font-size:40px !important;
    padding:10px 35px !important;
}
*/


.finished-number{
    background-color:#ccc !important;
}

.infosection {
    font-family:'PT Sans';
    font-size:15px !important;
    line-height: 21px !important;
    font-weight:100 !important;
}

.number_l{
    font-size:40px;
    font-weight:800;
    margin-top:-20px;
}

.number_subtext_1{
    font-size:20px;
    font-weight:100;
}

.score_subtext{
    font-size:25px;
    font-weight:100;
}

.gamecontainer{
    padding:0px;
    /*margin-top:30px;*/
}


.label_our_apps{
    color:#fff;
    float:left;
    margin-left:202px;
}


/*
.out-example{
    margin-top:-30px;
    font-weight:800;
    font-size:90px;
    font-family:'Open Sans';
}
*/

/* Game A2 - styles */
.numberbox{
    float:left;
    border:1px solid #999;
    padding:10px 5px 0px 5px;
    font-size:13px;
    text-align:center;
    width:130px;
    height:60px;
    margin:2px 2px;
}

.number_xl_a2{
    font-size:60px;
    font-weight:800;
}

.nav-tabs-mobile{
    display:none;
}

.badge-dialog {
    width: 75%;
    max-width:700px;
    margin:0 auto;
}

.badge-header-img{
    width:65px;
    height:auto;
    cursor:pointer;
}


.notification{
    position:relative;
    margin-top:2px;
    border-radius:50%;
    width:50px;
    height:50px;
    color:#fff;
    text-align:center;
    cursor:pointer;
}

.notificationbubble{
    position:absolute;
    top:0px;
    left:35px;
    z-index:100;
    border-radius:50%;
    color:#fff;
    /* border:1px solid #fff; */
    background-color:#c52c2c;
    padding-top:2px;
    width:20px;
    height:20px;
    text-align:center;
    font-size:11px;
    display:none;
}


.debug{
    border:1px solid #ff0000 !important;
}

@media (max-width: 1040px) {
  #nav_mobile_btn{
      visibility: visible;
  }

  .submenu-container{
    display:none;
  }

  .menu-container-mobile{
      display:block;
  }

  .menu-container-screen{
    display:none;
  }

  .navbar-nav>li {
    float:none;
  }


}


@media (max-width: 1000px) {
    .number_xl{
        font-size:50px;
        font-weight:800;
        margin-top:-15px;
    }

    .mobile-ajustment-dropdown{
        margin-left:-130px !important;
    }

    .number_sublabel{
        margin-top:-15px;
    }

    .stats-box-margin{
        margin:0px;
    }

    .menuitem{
        font-size:15px !important;
    }

    .nav>li>a{
        padding:10px 12px 10px 8px;
    }
    /*
    .out-example{
        margin-top:-10px;
        font-weight:400;
        font-size:40px;
        font-family:'Open Sans';
    }
    */

    .score-box{
        border:1px solid #999;
        padding-left:12px;
        letter-spacing: 7px;
        max-width:400px;
        min-width:100px;
        height:40px;
        background:#fff;
        color:#000;
        font-size:16px;
        padding-top:7px;
    }

    .sponsorlink{
        font-size:18px;
    }
}




@media (max-width: 767px) {
  div#rev_slider_1_1_forcefullwidth, div#rev_slider_1_1_wrapper, .fullwidthbanner-container .fullwidthabanner {
      height: 270px !important;
      overflow: hidden;
  }

    .screen-gutter-right{
      padding-right:15px;
    }
    .pagelink{
        font-size:1.1em;
    }
    .logo-mobile{
      display:inline-block;
    }
    .logo-screen{
      display:none;
    }

    .sm-gap-right{
        padding-right:0px !important;
    }

    .sm-gap-left{
        padding-left:0px !important;
    }

    .sm-gap-both{
        padding-left:0px !important;
        padding-right:0px !important;
    }



    .mobile-ajustment-dropdown{
        margin-left:-130px !important;
    }

    .background-photo-2 h1{
        color:#fff;
        font-size:3em;
    }

    .background-photo-2 h2{
        color:#fff;
        font-size:1.5em;
    }

    .app-content h4{
        font-size:15px;
        font-weight:100;
        padding:0px;
        margin:0px;
    }

    .badge-header-img{
        width:50px;
    }

    .score-style{
        font-weight:400;
        font-size:20px;
    }
    /*
    .btn-submit{
        width:250px;
        height:60px;
        font-size:20px !important;
        color:#fff;
        font-weight:800;
        margin:10px 0px;
        padding-top:0px;
        background-color:#3bb491;
    }
    */

    .label_our_apps{
        color:#fff;
        float:left;
        margin-left:0px;
    }


    .app-stats-header{
        font-size:1.3em;
        color:#fff;
    }

    .app-stats-text{
        font-size:1.6em;
        color:#fff;
        height: 30px;
        line-height: 30px;
    }

    .app-stats-small{
        font-size:1.1em;
        color:#fff;
        height: 30px;
        line-height: 30px;
    }


    /*
    .btn-score40{
        font-size:20px !important;
        padding:10px 15px !important;
        width:160px;
        margin:5px;
    }
    */
    .number_xl{
        font-size:40px;
        font-weight:800;
        margin-top:-10px;
        /* margin-top:-10px; */
    }

    .number_sublabel{
        margin-top:-5px;
    }

    .number_l{
        font-size:40px;
        font-weight:800;
        margin-top:0px;
    }

    .number_subtext_1{
        font-size:13px;
        font-weight:100;
    }

    .btn-a2-hit{
        font-size:30px !important;
        padding:10px 20px !important;
    }

    .btn-a2-miss{
        font-size:30px !important;
        padding:10px 20px !important;
    }




    .background-photo h1{
        color:#fff;
        font-weight:400;
        font-size:30px;
    }

    .background-photo h2{
        color:#fff;
        font-weight:400;
        font-size:18px;
    }

    .sponsorlink{
        font-size:15px;
    }

}


/* Fix for one-column of thumbnails for mobiles */
@media (max-width: 568px) {
  div#rev_slider_1_1_forcefullwidth, div#rev_slider_1_1_wrapper, .fullwidthbanner-container .fullwidthabanner {
      /* height: 180px !important; */
      height:140px !important;
      overflow: hidden;
  }



    .pagelink{
        font-size:1em;
    }
    h1{
        font-size:1.6em;
        font-weight:100;
    }

    h2{
        font-size:1.4em;
        font-weight:400;
    }

    h3{
        font-size:1.2em;
        font-weight:400;
    }


    .startbox_3 {
        border-radius:0px;
    }


    .mobile-ajustment-dropdown{
        margin-left:-130px !important;
    }
    /* Ultimate member overrides */
    .um-name{
        margin-top:-145px;
    }

    .um-name a{
        font-size:30px !important;
    }
    /* Ultimate member overrides */



    #nav{
        padding-top:5px !important;
        margin-left:0px !important;
    }

    .nav>li>a{
        padding:10px 20px 10px 20px;
    }

    .nav-tabs{
        display:none;
    }

    /*
    .app-title{
        margin-left:5px;
        font-size:20px;
    }
    */

    .section-title{
        font-size:1.6em;
    }

    .section-title-xl{
        font-size:2em;
        font-weight:100;
    }


    .btn-small-title{
        font-size:13px;
    }

    .btn-new-hit{
        font-size:1.2em;
    }

    .btn-new-miss{
        font-size:1.2em;
    }

    .app-stats-header{
        font-size:1em;
        color:#fff;

    }

    .app-stats-text{
        font-size:1.2em;
        color:#fff;
        height: 25px;
        line-height: 25px;
    }

    .app-stats-small{
        font-size:0.9em;
        color:#fff;
        height: 25px;
        line-height: 25px;
    }

    .score_circle{
        position:absolute;
        right:0px;
        top:-40px;
        border-radius:50%;
        width:120px;
        height:120px;
        /* background:#2e404b; */
        padding:18px 0px 0px 0px;
        text-align:center;
    }

    .score_circle_number{
        font-size:40px;
        font-weight:800;
        color:#fff;
        padding-bottom:10px;
        margin-left:-5px;
        margin-top:0px;
    }



    .btn-a1-hit{
        font-size:15px !important;
        padding:5px 15px !important;
    }


    .btn-a1-miss{
        font-size:15px !important;
        padding:5px 10px !important;
    }

    .text-large{
        font-size:20px;
    }

    /*
    .background-photo h1{
        max-width:90%;
        margin:0 auto;
    }

    .background-photo h2{
        max-width:85%;
        margin:0 auto;
    }
    */


    .background-photo-2 {
        max-height:150px;
        height:150px;
        min-height:150px;
        padding-top:0px;
    }


    .nav-tabs-mobile{
        display:inline-block;
    }

    .mobile-align-left{
        text-align:left !important;
    }

    .mobile-align-center{
        text-align:center !important;
    }



    /*
    .btn-score40{
        font-size:20px !important;
        padding:10px 15px !important;
        width:160px;
        margin:5px;
    }
    */

    /*
    .btn-hit{
        min-height:20px;
        padding:5px 0px;
        font-size:1.4em;
    }
    */

    .a1-row{
        padding:2px 0px;
    }

    .a1-number{
        font-size:20px;
        padding:7px 0px 0px 8px;
    }



    .score-box{
        border:1px solid #999;
        padding-left:0px;
        letter-spacing: 0px;
        max-width:400px;
        min-width:100px;
        height:32px;
        background:#fff;
        color:#000;
        font-size:16px;
        padding-top:3px;
    }

    .background-photo {
        width: 100%;
        height:220px;
        min-height:200px;
        max-height: 220px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top:20px;
    }

    .background-photo .ghost-button{
        padding:5px 15px;
        font-size:1.2em;
        max-width:250px;
    }

    .background-photo .ghost-button-dark{
        padding:5px 15px;
        font-size:1.2em;
    }


    .number_xl{
        font-size:30px;
        font-weight:800;
        margin-top:-10px;
    }

    .number_sublabel{
        margin-top:-10px;
    }

    .number_xl_a2{
        font-size:35px;
        font-weight:800;
    }

    .number_l{
        font-size:25px;
        font-weight:800;
        margin-top:-10px;
    }

    .number_subtext_1{
        font-size:13px;
        font-weight:100;
    }

    .score_subtext{
        font-size:15px;
        font-weight:100;
    }
}